.ml-240 {
  margin-left: 15rem;
}
.mt-5 {
  margin-top: 0.31rem;
}
.mt-97 {
  margin-top: 6.06rem;
}
.ml-55 {
  margin-left: 3.44rem;
}
.mt-19 {
  margin-top: 1.19rem;
}
.ml-9 {
  margin-left: 0.56rem;
}
.ml-29 {
  margin-left: 1.81rem;
}
.ml-73 {
  margin-left: 4.56rem;
}
.ml-110 {
  margin-left: 6.88rem;
}
.ml-95 {
  margin-left: 5.94rem;
}
.ml-123 {
  margin-left: 7.69rem;
}
.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.group {
  height: 37.69rem;
}
.section {
  padding: 0 8.13rem;
  background-image: url('https://ide.code.fun/api/image?token=67bbd6324ae84d0012270271&name=fed98ec8c88de140bd80fb40712fbb32.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_2 {
  padding: 1.56rem 0 1.38rem;
}
.image {
  width: 8rem;
  height: 2.25rem;
}
.font {
  font-size: 1.06rem;
  font-family: Microsoft YaHei;
  line-height: 1.13rem;
  color: #ffffff;
}
.text {
  color: #009cff;
}
.image_2 {
  margin-right: 3.13rem;
  border-radius: 1rem;
  width: 12.31rem;
  height: 2.19rem;
}
.section_2 {
  margin-left: 29.31rem;
  background-color: #009cff;
  width: 7.38rem;
  height: 0.31rem;
}
.section_3 {
  padding-bottom: 22.44rem;
  background-image: url('https://ide.code.fun/api/image?token=67bbd6324ae84d0012270271&name=b9ac62a0dd62cd44153e1fc85e6348d0.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_4 {
  padding: 2.75rem 23.13rem 2.31rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.44rem 0.31rem #2076dbab;
}
.font_2 {
  font-size: 1.06rem;
  font-family: Microsoft YaHei;
  line-height: 1.13rem;
  font-weight: 700;
  color: #404040;
}
.text_2 {
  color: #009cff;
  line-height: 1.06rem;
}
.text_3 {
  line-height: 1.06rem;
}
.text_4 {
  line-height: 1.06rem;
}
.text_5 {
  line-height: 1.06rem;
}
.section_5 {
  margin-top: -3.5rem;
  padding: 1.5rem 0 1.25rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.19rem 0.57rem 0.05rem #23181526;
  border-radius: 0.63rem;
  width: 74.81rem;
}
.equal-division {
  padding: 0 2.13rem;
}
.group_3 {
  flex: 1 1 23.47rem;
}
.equal-division-item {
  padding: 0.63rem 0;
}
.image_3 {
  width: 2.98rem;
  height: 2.98rem;
}
.group_4 {
  margin-right: 2.25rem;
}
.group_5 {
  line-height: 1.13rem;
}
.font_3 {
  font-size: 1.5rem;
  font-family: Source Han Sans CN;
  line-height: 1.13rem;
  color: #454545;
}
.font_4 {
  font-size: 1.06rem;
  font-family: Source Han Sans CN;
  line-height: 1rem;
  color: #454545;
}
.text_6 {
  font-size: 1rem;
}
.font_5 {
  font-size: 1.06rem;
  font-family: Source Han Sans CN;
  line-height: 1.13rem;
  color: #8a8a8a;
}
.text_7 {
  font-size: 1.13rem;
}
.group_6 {
  margin-top: 9.75rem;
  padding: 0 22rem;
}
.group_9 {
  padding-top: 2.81rem;
  width: 28.31rem;
}
.section_8 {
  background-color: #f7f7f7;
  background-image: linear-gradient(180deg, #65b3ff 0%, #ffffff 100%);
  border-radius: 0.88rem;
  height: 17.31rem;
}
.section_7 {
  padding: 5.94rem 2.81rem 2.13rem;
  filter: drop-shadow(0rem 0.63rem 0.45rem #f3f0f0c7);
  background-image: url('https://ide.code.fun/api/image?token=67bbd6324ae84d0012270271&name=7d51178c9e782ba076517487a8e0ac94.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20.94rem;
}
.pos {
  position: absolute;
  left: 3.25rem;
  top: 0;
}
.text_11 {
  color: #ffffff;
  font-size: 1.63rem;
  font-family: Source Han Sans CN;
  line-height: 1.75rem;
  transform: rotate(-5deg);
}
.group_11 {
  height: 2.5rem;
}
.font_10 {
  font-size: 0.88rem;
  font-family: Source Han Sans CN;
  line-height: 0.88rem;
  color: #ffffff;
}
.text_17 {
  margin-top: 1rem;
  line-height: 1.5rem;
  transform: rotate(-9deg);
}
.text_16 {
  margin-top: -2.5rem;
  line-height: 1.44rem;
  transform: rotate(-10deg);
}
.group_7 {
  width: 44.31rem;
}
.section_6 {
  padding: 1.63rem 1.13rem 1rem 1.38rem;
  background-color: #f7f7f7;
  box-shadow: 0rem 0rem 0.77rem 0.73rem #f3f0f0c7;
  background-image: linear-gradient(180deg, #65b3ff 0%, #ffffff 100%);
  border-radius: 0.88rem;
  border-left: solid 0.13rem #ffffff;
  border-right: solid 0.13rem #ffffff;
  border-top: solid 0.13rem #ffffff;
  border-bottom: solid 0.13rem #ffffff;
}
.font_6 {
  font-size: 1.38rem;
  font-family: Source Han Sans CN;
  line-height: 1.25rem;
  color: #454545;
}
.text-wrapper {
  padding: 0.38rem 0;
  background-color: #cce6ff;
  border-radius: 0.78rem;
  width: 4.75rem;
  height: 1.56rem;
}
.font_7 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  line-height: 0.75rem;
  color: #454545;
}
.text_8 {
  line-height: 0.69rem;
}
.text_9 {
  line-height: 0.69rem;
}
.text_10 {
  line-height: 0.69rem;
}
.group_8 {
  line-height: 0.56rem;
}
.font_8 {
  font-size: 0.88rem;
  font-family: Source Han Sans CN;
  line-height: 1.33rem;
  color: #454545;
}
.font_9 {
  font-size: 0.88rem;
  font-family: Source Han Sans CN;
  line-height: 0.56rem;
  color: #454545;
}
.section_9 {
  padding: 1.63rem 1.13rem 2.31rem 1.38rem;
  background-color: #f7f7f7;
  box-shadow: 0rem 0rem 0.77rem 0.73rem #f3f0f0c7;
  background-image: linear-gradient(180deg, #65b3ff 0%, #ffffff 100%);
  border-radius: 0.88rem;
  border-left: solid 0.13rem #ffffff;
  border-right: solid 0.13rem #ffffff;
  border-top: solid 0.13rem #ffffff;
  border-bottom: solid 0.13rem #ffffff;
}
.group_10 {
  margin-top: 1.19rem;
}
.text-wrapper_2 {
  padding: 0.5rem 0;
  background-color: #cce6ff;
  border-radius: 0.78rem;
  width: 4.75rem;
  height: 1.56rem;
}
.text_12 {
  line-height: 0.69rem;
}
.text_13 {
  line-height: 0.69rem;
}
.text_14 {
  line-height: 0.69rem;
}
.text_15 {
  margin-top: 1.5rem;
  color: #454545;
  line-height: 0.94rem;
}
.text_18 {
  line-height: 0.69rem;
}
.text_19 {
  line-height: 0.69rem;
}
.text-wrapper_3 {
  padding: 0.5rem 0;
  background-color: #cce6ff;
  border-radius: 0.78rem;
  width: 6.88rem;
  height: 1.56rem;
}
.text_20 {
  line-height: 0.69rem;
}
.section_10 {
  margin-top: 10.69rem;
  padding: 2.88rem 1.88rem 0 19.38rem;
  background-color: #1a1c1e;
}
.image_4 {
  width: 81.56rem;
  height: 0.19rem;
}
.group_12 {
  padding: 4.75rem 2.25rem;
}
.font_11 {
  font-size: 0.75rem;
  font-family: Source Han Sans CN;
  line-height: 0.75rem;
  color: #c3c7cd;
}
.text_21 {
  margin-top: 1.25rem;
}
.text_26 {
  margin-top: 0.94rem;
  line-height: 0.69rem;
}
.text_31 {
  margin-top: 0.88rem;
}
.image_5 {
  width: 0.19rem;
  height: 9.56rem;
}
.text_22 {
  margin-top: 1.25rem;
}
.text_27 {
  margin-top: 0.94rem;
}
.text_32 {
  margin-top: 0.88rem;
  line-height: 0.69rem;
}
.text_35 {
  margin-top: 0.88rem;
}
.text_23 {
  margin-top: 1.25rem;
}
.text_28 {
  margin-top: 0.94rem;
}
.text_33 {
  margin-top: 0.88rem;
  line-height: 0.69rem;
}
.text_36 {
  margin-top: 0.88rem;
}
.text_38 {
  margin-top: 0.94rem;
}
.text_24 {
  margin-top: 1.25rem;
}
.text_29 {
  margin-top: 0.94rem;
}
.text_34 {
  margin-top: 0.81rem;
}
.text_37 {
  margin-top: 0.88rem;
}
.text_39 {
  margin-top: 0.94rem;
}
.text_25 {
  margin-top: 1.25rem;
}
.text_30 {
  margin-top: 0.94rem;
}
.image_6 {
  width: 4.81rem;
  height: 4.81rem;
}
.group_13 {
  padding-bottom: 1.19rem;
}
.group_14 {
  padding-top: 1.5rem;
  width: 81.5rem;
  border-top: solid 0.13rem #525457;
}
.text_40 {
  margin-left: 28.69rem;
}
.image_7 {
  filter: drop-shadow(0rem 0.063rem 0.81rem #0000002e);
  width: 2.63rem;
  height: 2.5rem;
}